<script setup>
const form = ref({});
const props = defineProps({
  showInfo: {
    type: Boolean,
    default: false,
  },
});
</script>
<template lang="">
  <div style="background: #fff" v-if="props.showInfo">
    <div style="margin-bottom: 20px; padding: 20px; border-radius: 5px">
      <div style="text-align: center; margin-bottom: 20px; color: #333">
        肿瘤标志物和肠镜检查结果信息
      </div>

      <div style="text-align: center; border-bottom: none">
        <el-form
          :model="form"
          label-position="right"
          label-width="auto"
          style="width: 500px; margin: 0 auto"
        >
          <el-form-item label="S9结果">
            <el-select v-model="form.s9" placeholder="S9结果"></el-select>
          </el-form-item>
          <el-form-item label="FIT-DNA结果">
            <el-select v-model="form.dna" placeholder="FIT-DNA结果"></el-select>
          </el-form-item>
          <el-form-item label="CEA" style="display: flex">
            <el-select v-model="form.cea" placeholder="CEA"></el-select>
            <el-input
              v-if="form.cea === 1"
              v-model="form.ceayc"
              placeholder="请输入异常结果内容"
              style="margin-left: 10px"
            />
          </el-form-item>
          <el-form-item label="CA19-9">
            <el-select v-model="form.ca19" placeholder="CA19-9"></el-select>
          </el-form-item>
          <el-form-item label="肠镜" style="display: flex">
            <el-select v-model="form.cj" placeholder="肠镜"></el-select>
            <el-input
              v-if="form.cj === 1"
              v-model="form.cjyc"
              placeholder="请输入异常结果内容"
              style="margin-left: 10px"
            />
          </el-form-item>
          <el-form-item label="其它肿瘤标志物">
            <el-input v-model="form.qt" placeholder="其它肿瘤标志物"></el-input>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
